<!--
 * @Author: 小陆同学 1361176289@qq.com
 * @Date: 2024-06-24 08:58:56
 * @LastEditors: 小陆同学 1361176289@qq.com
 * @LastEditTime: 2024-08-16 13:24:42
 * @FilePath: \loCode\src\components\prTitle\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
	<div class="prTitle" :style="style">{{ text }}</div>
</template>

<script setup>
	const props = defineProps({
		// 标题
		text: {
			type: String,
			default: "我是标题",
		},
		// 标题样式
		style: {
			type: Object,
			default: () => {
				return {
					color: "#000",
					fontSize: "20px",
					fontWeight: "bold",
				};
			},
		},
	});
</script>

<style lang="scss" scoped>
	.prTitle {
		user-select: none;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: move;
	}
</style>
